<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Neumorphism Blog Cards</title>
    <link rel="stylesheet" href="neuocards.css">
</head>
<body>
    <div class="container">
        <article class="card">
            <div class="card-image-container">
                <img src="https://plus.unsplash.com/premium_photo-1673292293042-cafd9c8a3ab3?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Nature landscape" class="card-image">
            </div>
            <div class="card-content">
                <h2 class="card-title">Exploring Nature's Wonders</h2>
                <p class="card-excerpt">Discover the hidden beauty of our planet's most breathtaking landscapes, from lush rainforests to towering mountains.</p>
                <a href="#" class="read-more">Read More</a>
            </div>
        </article>

        <article class="card">
            <div class="card-image-container">
                <img src="https://plus.unsplash.com/premium_photo-1664302004020-a69eec567967?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Modern technology" class="card-image">
            </div>
            <div class="card-content">
                <h2 class="card-title">The Future of AI</h2>
                <p class="card-excerpt">Exploring the potential impact of artificial intelligence on our daily lives, from self-driving cars to personalized healthcare.</p>
                <a href="#" class="read-more">Read More</a>
            </div>
        </article>

        <article class="card">
            <div class="card-image-container">
                <img src="https://images.unsplash.com/photo-1544510807-78268e067c70?q=80&w=2073&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Delicious food" class="card-image">
            </div>
            <div class="card-content">
                <h2 class="card-title">Culinary Adventures</h2>
                <p class="card-excerpt">Embark on a global gastronomic journey with exotic flavors and recipes from around the world.</p>
                <a href="#" class="read-more">Read More</a>
            </div>
        </article>

        
    </div>
</body>
</html>